<template>
	<view class="p20">
		<view class="radius20 p24 bg-fff ">
			<view class="fs30 pb12 pr">
				<text>订单信息</text>
				<u-image width="6" height="20" src="/static/img/order/title.png"
					style="position: absolute;left: -24rpx;top: 0rpx;"></u-image>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">服务类型</view>
				<view class="">诊前预约</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">订单编号</view>
				<view class="">2022063017982150</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">订单金额</view>
				<view class="">￥119.00</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">下单时间</view>
				<view class="">2022-07-02 10:00:00</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">支付时间</view>
				<view class="">2022-07-02 10:00:00</view>
			</view>
		</view>
		<view class="radius20 p24 bg-fff mt20">
			<view class="fs30 pb12 pr">
				<text>预约信息</text>
				<u-image width="6" height="20" src="/static/img/order/title.png"
					style="position: absolute;left: -24rpx;top: 0rpx;"></u-image>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">期望就诊时间</view>
				<view class="">2022-07-02 10:00:00</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">就诊医院</view>
				<view class="">郑州第一附属医院</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">科室</view>
				<view class="color-zs">肾移植科</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">就诊人</view>
				<view class="">张三</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">就诊人电话</view>
				<view class="">18******8883</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">就诊人身份证号</view>
				<view class="">**************1918</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">预约人电话</view>
				<view class="">1828******83</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">就诊人关系</view>
				<view class="">父母</view>
			</view>
			<view class="flex row-between pt12 pb12">
				<view class="color-999">服务需求</view>
				<view class="">这是服务需求</view>
			</view>
		</view>
		<view class="fixed bottom0 left0 w-max bg-fff flex">
			<view class="p20 flex1">
				<u-button type="warning" plain ripple @click="baojiaShow=true">诊前预约</u-button>
			</view>
			<view class="p20 flex1">
				<u-button type="warning" ripple>我已报价100.00元</u-button>
			</view>
		</view>
		<!-- <u-popup mode="center" v-model="baojiaShow" width="550" borderRadius="32" closeable>
			<view class="p34 flex-col col-center">
				<view class="fs32 fw-w  pb20">抢单成功</view>
				<view class="fs30">您可以在订单-待服务中查看</view>
				<view class="h40"></view>
				<view class="mauto-x w204">
					<u-button type="warning" ripple @click="submit">知道了</u-button>
				</view>
			</view>
		</u-popup> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baojiaShow: false,
			};
		},
		methods: {
			submit() {
				this.baojiaShow = false
			}
		}
	}
</script>

<style lang="scss">

</style>
